<template>
    <Card>
        <Alert>
            通过此方法打开的tab为随机uri，关闭后刷新浏览器不能再打开
            <Button icon="ios-add" @click="addNewTab">打开新tab页</Button>
        </Alert>
        <Alert>
            打开浏览器Tab(内部组件)
            <br>
            component 组件路径
            <br>
            params 标题传递给组件参数
            <br>
            name 链接名称
            <br>
            pageTitle 浏览器标签页名称
            <br>
            isFull 组件是否为全路径 全路径指true相对于src ，false 相对于当前开发项目pages目录
            <br>
            <DynamicLink component="demo/tab/newtab"
                         :is-full="true" :params="{aa:'aa'}" name="浏览器开启tab(内部组件)" page-title="呵呵哒"></DynamicLink>
        </Alert>

        <Alert>
            打开浏览器Tab(外部网站)
            <DynamicLink uri="https://www.baidu.com" :withSsoToken="true" name="浏览器开启tab(外部网站)" ></DynamicLink>
        </Alert>

        tabs组件头设置为链接
        linkOption：
        <br>
        选项与DynamicLink组件相同（无name属性）
        <Tabs value="name1">
            <TabPane label="外部网站" :linkOption="{uri:'https://www.baidu.com',withSsoToken: true}"  name="name1">外部网站</TabPane>
            <TabPane label="内部组件" :linkOption="{component:'demo/tab/newtab',isFull:true,params:{aa:'aa'},pageTitle:'呵呵哒'}" name="name2">内部组件</TabPane>
            <TabPane label="标签三" name="name3">标签三的内容</TabPane>
        </Tabs>
    </Card>
</template>
import {Base64} from 'js-base64'
<script>
    export default {
        name:'tab-demo',
        data(){
            return {

            }
        },
        methods:{
            addNewTab(e){
                /**
                 *
                 */
                this.afs.newTab(this,'demo/tab/newtab','test','ios-add',{no:'aaa',Nob:'bbb'},'aa',[],true)
            }
        },
        created(){
            this.afs.afsOn(this,'testEvent',(data)=>{
                console.log('接收到事件-->demo'+JSON.stringify(data))
            });
            let pageData={
                component :'demo/tab/newtab',
                isFull :true,
                pageTitle :'测试Demo'
            }
            console.log(Base64.encode(JSON.stringify(pageData), true));
        },
        beforeDestroy(){
            this.afs.afsOff(this,'testEvent');
        }
    }
</script>
